<template>
	<view>
		<view @click="chgTitle">clike --- {{title}}</view>
		
		{{lowerTitle}}
		
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name:"component-a",
		data() {
			return {
				
			};
		},
		methods:{
			hello(){
				console.log('hello ref')
			},
			chgTitle(){
				console.log('chgTitle')
				this.$emit('update:title','hello emit...')
			}
		},
		props:['title'],
		computed:{  
			lowerTitle:function(){
				return this.title.toLowerCase();
			}
		}
	}
</script>

<style>

</style>
